import React, { Component } from 'react';
import { connect } from 'react-redux';
import './user-information.scss'
import { List } from 'antd-mobile';

const Item = List.Item;
class Com extends Component {
  render () {
    return (
      <div className="container">
        <div className="user-information-box">
          <header className="user-information-header">
            <span className="iconfont icon-arrow-left" onClick={() => {
              window.history.back()
            }}></span>
            <p>个人信息</p>
          </header>
          <div className="user-information-content">
          <List className="my-list">
            <Item arrow="horizontal" extra={ <img src="images/u5121.png" alt=""/> } multipleLine onClick={() => {}}>
              头像
            </Item>
            <Item arrow="horizontal" extra={ <img src="images/u5121.png" alt=""/> } multipleLine onClick={() => {}}>
              姓名
            </Item>
            <Item arrow="horizontal" extra={ <span>18279970805</span> } multipleLine onClick={() => {}}>
              用户名手机号
            </Item>
            <Item arrow="horizontal" extra={ <img src="images/u5121.png" alt=""/> } multipleLine onClick={() => {}}>
              二维码名片
            </Item>
            
          </List>
          <List>
            <Item className="aaaaa" arrow="horizontal" extra={ <span>绍兴市实验高中</span> } multipleLine onClick={() => {}}>
              用户所在学校
            </Item>
          </List>
          </div>
        </div>
      </div>
    )
  }
}
export default connect()(Com)